@charset "UTF-8";
/*公用样式*/
.red{color: #ff0000}
.blue{color: #3083e0 !important}
.posra{position: relative}
input[type="button"],button{border: 0; outline: none; cursor: pointer}
input[type="text"]{outline: none}
.mt10{margin-top: 10px}
/*上方广告*/
.adv{width: 100%; height: 65px; background-color: #ccc; position: relative;}
.adv img{display: block; width: 100%; height: 100%; }
.adv::after{content: '广告'; display: block; position: absolute; right: 0; bottom: 0; width:40px; height: 20px; line-height: 20px; text-align: center;  background-color: #fc4646; color: #ccc;}
/*商品介绍-left*/
.crumbs{margin: 20px 0;}
.crumbs a{padding-right: 5px;}
.crumbs a:hover{text-decoration: underline; color: #3083e0;}
.store-l{width: 325px; height: auto; float: left;}
.store-intro{width:100%; height: auto; border: 1px solid #ddd;}
.store-intro .big-img{height: 310px; background-color: #ccc; margin: 7px}
.store-intro .big-img img{width: 100%; height: 100%}
.img-list ul li{width: 20%; height: auto; float: left}
.img-list ul li img{display: block; width: 50px; height: 50px; margin: 0 auto; background-color: #ccc; border: 1px solid #fff; transition: all .5s}
.img-list ul li img.current{border: 1px solid #ff0000}
.store-intro p{padding: 5px 10px 5px; border-top: 1px solid #ddd; margin-top: 20px}
.store-l .addsc{display: block; width: 100px; height: 30px; line-height: 30px; border: 1px solid #ddd; text-align: center; margin-top: 10px; cursor: pointer;}
.store-l .addsc em{padding-right: 5px; font-weight: bold;}
/*商品介绍-right*/
.store-r{width: 800px; height: auto; float: right;}
.title-info{border-bottom: 1px dashed #ddd}
.title-info .title{position: relative;}
.title-info .title h1{display: inline; font-size: 20px; color: #333}
.title-info .title span{font-size: 14px; color: #ff0000}
.title-info .title .iden{position: absolute; right: 0; height: 20px; line-height: 20px; padding: 0 10px; text-align: center; border:1px solid #3083e0; color: #3083e0; cursor: pointer;}
.title-info .title .iden::before{content: ''; display: block; position: absolute; left: -20px; top: -1px; width: 20px; height: 20px; border: 1px solid #3083e0; background-color: #3083e0; background-image: url(../img/baidu.png); background-repeat: no-repeat; background-size: 100% 100%}
.title-info p{color: #666; padding-bottom: 10px}
.goods-info{margin-top: 10px}
.else-info span{font-size: 14px}
.else-info .iden{display: inline-block; height: 20px; line-height: 20px; padding: 0 10px; margin-left: 40px; text-align: center; border:1px solid #3083e0; color: #3083e0; cursor: pointer; position: relative}
.else-info .iden::before{content: ''; display: block; position: absolute; left: -20px; top: -1px; width: 20px; height: 20px; border: 1px solid #3083e0; background-color: #3083e0; background-image: url(../img/iden.png); background-repeat: no-repeat; background-size: 100% 100%}
.goods-intro ul li{padding-top: 5px;}
.goods-intro ul li::before,.goods-intro ul li::after{content: ''; display: block; clear: both;}
.goods-intro ul li .intro-title{display: block; width: 90px; color: #9a9a9a; float: left}
.goods-intro ul li .default{float: left}
.goods-intro ul li .default a{color: #595959}
.goods-intro ul li .explain{display: inline-block; width: 30px; height: 15px; line-height: 15px; border-radius: 50%; background-color: #ff0000; color: #fff; text-align: center; margin-left: 5px}
.goods-intro ul li .level{display: inline-block; height:26px; vertical-align: middle}
.goods-intro ul li .level i{display: inline-block; width: 15px; height: 15px; background-image: url(../img/star.png); background-repeat: no-repeat; background-size: 100% 100%; margin-top: 4px}
.goods-intro ul li .levela{display: inline-block; vertical-align: middle}
.goods-intro ul li .price{color: #ff0000; font-size: 26px; font-weight: bold}
.goods-intro ul li .offering i{display: inline-block; padding: 0 20px; background-color: #ff0000; color: #fff; margin-right: 10px}
.offering-info{margin-left: 80px}
.offering-info ul li{float: left; margin-right: 10px}
.offering-info ul li .offering-img{width: 50px; height: 50px; border: 1px solid #ddd; display: inline-block}
.offering-info ul li .offering-img img{width: 90%; height: 90%; display: block; margin: 5% auto}
.offering-info ul li span{font-size: 14px; font-weight: bold}
.goods-intro ul li .choose{display: inline-block; padding: 0 20px; border: 2px solid #ddd; text-align: center; cursor: pointer; background-color: #f2f2f2; position: relative; transition: all .5s}
.goods-intro ul li .choose.current{border: 2px solid #ff0000; background-color: #fff}
.goods-intro ul li .choose.current::after{content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 25px; height: 20px; background-image: url(../img/check.png); background-repeat: no-repeat; background-size: 100% 100%;}
.goods-intro ul li .choose:hover{border: 2px solid #ff0000}
.goods-intro ul li .buy-num{width: 50px; height: 20px; text-align: center}
.goods-intro ul li .sthchange input[type="button"]{width: 30px; height: 24px;}
.goods-intro ul li .sthchange a{margin-left: 20px}
.goods-intro ul li .buy{height: 40px; padding: 0 60px; font-size: 20px; color: #fff; background-color: #ff0000; border-radius: 5px; vertical-align: middle;}
.goods-intro ul li .tocar{height: 40px; padding: 0 60px; font-size: 20px; color: #fff; background-color: #3083e0; border-radius: 5px; position: relative; vertical-align: middle;}
.goods-intro ul li .tocar::before{content: ''; display: block; position: absolute; left: 25px; top:10px; width: 30px; height: 20px; border-radius: 5px; background: url(../img/car.png) no-repeat 100% 100%;}
.goods-intro ul li .uphone{width: 150px; height: 38px; border: 1px solid #3083e0; font-size: 20px; color: #3083e0; border-radius: 5px; padding: 0 10px; vertical-align: middle;}
.goods-intro ul li a.tocall{display: inline-block; width: 80px; height: 40px; line-height: 40px; background-color: #3083e0; color: #fff; font-size: 14px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; text-align: right; margin: 1px 0 0 -15px; padding: 0 20px; vertical-align: middle; position: relative}
.goods-intro ul li a.tocall::before{content: ''; display: block; position: absolute; left: 20px; top: 10px; width: 20px; height: 20px; background-image: url(../img/phone.png); background-repeat: no-repeat; background-size: 100% 100%}
.goods-intro ul li a.cta{position: relative; margin-right: 35px}
.goods-intro ul li a.cta::before{content: '正'; display: block; width: 15px; height: 15px; line-height: 15px; text-align: center; color: #fff; position: absolute; left: -18px; top:-2px; background-color: #3083e0; font-size: 12px}
.goods-intro ul li a.cta:last-child::before{content: '付'}
